<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>我的课程-作业管理</title>
	<link rel="stylesheet" href="css/left.css">
	<link rel="stylesheet" href="css/job_manage.css">
</head>
<body>
<!-- 加载头部信息 -->
<?php
	include_once("header.php");
?>

<!-- 中间内容 -->
<div class="content clearfloat">
	<!-- 左边内容 -->
	<div class="left_content">
		<ul class="left_nav" id="left_ul">
			<li><a href="index.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/notice.png' alt='图片' class='left_img1'";?>&nbsp;
					<span>动&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态</span>
				</span>
				<canvas id="canvas_index1" width="18" height="48"></canvas>	
			</a></li>
			<li><a href="addcourse.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/course.png' alt='图片' class='left_img2'";?>
					<span>创建课程</span>
				</span>
				<canvas id="canvas_index2" width="18" height="48"></canvas>
			</a></li>
			<li class="active_nav"><a href="mycourse.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/mycourse.png' alt='图片' class='left_img3'";?>
					<span>我的课程</span>
				</span>
				<canvas id="canvas_index3" width="18" height="48"></canvas>
			</a></li>
			<li><a href="checkbook1.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/correct.png' alt='图片' class='left_img4'";?>
					<span>批改作业</span>
				</span>
				<canvas id="canvas_index4" width="18" height="48"></canvas>
			</a></li>
			<li><a href="per_setup.php" class="li_a">
				<span class="text">
					<?php echo "<img src='images/setup.png' alt='图片' class='left_img6'";?>
					<span>个人设置</span>
				</span>
				<canvas id="canvas_index6" width="18" height="48"></canvas>
			</a></li>
		</ul>
	</div>

	<!-- 右边内容 -->
	<div class="center_content">
		<ul id="nav" class="clearfloat">
			<li>
				<a href="mycourse_details.php" class="nav_a">课程介绍</a>	
			</li>
			<li class="active">
				<a href="job_management.php" class="nav_a">作业管理</a>
			</li>
		</ul>

		 <div class="content_a">
			<a href="" class="btn_a">我的课程</a> >
			<a href="" class="btn_a">这里是我的课程名称</a> >
			<a href="" >作业管理</a>
		</div>
		 
		<div class="content_nav">
			<ul class="nav" id="nav_ul">
				<li class="nav_li">
					<a href="" class="nav_a">
						<span class="img"><?php echo "<img src='images/catalog.png' alt='图片' width='23' height='23'>";?></span>
						<span class="text">第一章 这里是第章的作业</span>
					</a>
					<a href="add_job.php" class="add_img">
						<?php echo "<img src='images/add.png' alt='图片' width='29' height='29'>";?>
					</a>
					<a href="" class="tri_img">
						<?php echo "<img src='images/tri-down.png' alt='图片' width='15' height='10'>";?>
					</a>
				</li>
				<li class="nav_li" id="nav_li">
					<a href="" class="nav_a">
						<span class="img"><?php echo "<img src='images/catalog.png' alt='图片' width='23' height='23'>";?></span>
						<span class="text">第二章 这里是第章的作业</span>
					</a>
					<a href="add_job.php" class="add_img">
						<?php echo "<img src='images/add.png' alt='图片' width='29' height='29'>";?>
					</a>
					<!-- <a href="" class="tri_img tri_down">
						 <?php //echo "<img src='images/tri-down.png' alt='图片' width='15' height='10'>";?>
					</a> -->
					<a href="" class="tri_img tri_up">
						<?php echo "<img src='images/tri-up.png' alt='图片' width='15' height='10'>";?>
					</a>
					<ul class="nav2">
						<li class="nav2_li">
							<a href="" class='tri2_img'><?php echo "<img src='images/tri-right.png' alt='图片' width='10' height='15'";?></a>
							<a href="" class="nav2_a" id="nav2_a">这里是第二章的第一次作业名称</a>
						</li>
						<li class="nav2_li">
							<a href="" class='tri2_img'><?php echo "<img src='images/tri-right.png' alt='图片' width='10' height='15'";?></a>
							<a href="" class="nav2_a">这里是第二章的第二次作业名称</a>
						</li>
						</ul>
				</li>
				<li class="nav_li">
					<a href="" class="nav_a">
						<span class="img"><?php echo "<img src='images/catalog.png' alt='图片' width='23' height='23'>";?></span>
						<span class="text">第三章 这里是第章的作业</span>
					</a>
					<a href="" class="add_img">
						<?php echo "<img src='images/add.png' alt='图片' width='29' height='29'>";?>
					</a>
					<a href="" class="tri_img">
						<?php echo "<img src='images/tri-down.png' alt='图片' width='15' height='10'>";?>
					</a>
				</li>
				<li class="nav_li">
					<a href="" class="nav_a">
						<span class="img"><?php echo "<img src='images/catalog.png' alt='图片' width='23' height='23'>";?></span>
						<span class="text">第四章 这里是第章的作业</span>
					</a>
					<a href="" class="add_img">
						<?php echo "<img src='images/add.png' alt='图片' width='29' height='29'>";?>
					</a>
					<a href="" class="tri_img">
						<?php echo "<img src='images/tri-down.png' alt='图片' width='15' height='10'>";?>
					</a>
				</li>
				<li class="nav_li">
					<a href="" class="nav_a">
						<span class="img"><?php echo "<img src='images/catalog.png' alt='图片' width='23' height='23'>";?></span>
						<span class="text">第五章 这里是第章的作业</span>
					</a>
					<a href="" class="add_img">
						<?php echo "<img src='images/add.png' alt='图片' width='29' height='29'>";?>
					</a>
					<a href="" class="tri_img">
						<?php echo "<img src='images/tri-down.png' alt='图片' width='15' height='10'>";?>
					</a>
				</li>
			</ul>
		</div>
	</div>

	<!-- 右侧栏 -->
	<?php
		include_once("right_content.php");
	?>
</div>

<!-- 加载左边导航的样式 -->
<?php
	include_once("nav_style.php");
?>

<script>
function a_style() {
	var ul = document.getElementById("nav");
	var li = ul.children;
	var len = li.length;

	for(var i = 0 ;i < len; i++) {
		(function (num) {
			li[num].onclick = function () {
				for(var j = 0; j < len; j++) {
					if(li[j].className == "active") {
						li[j].className = "";
					}
					li[num].className = "active";
				}
			}
		}(i))
	}
}

</script>

<?php
	echo "<script>a_style();</script>";
?>

<script>
function tri_nav() {
	/*var nav_li = document.getElementByClassName('nav_li');
	var len_li = nav_li.length;

	for(var i = 0; i < len_li; i++) {
		if(nav_li[i].children.className == "nav2") {
			var ul = document.getElementByClassName('nav2');
			var len_ul = ul.length;

			for(var j = 0; j < len_ul; j++) {
				(function (num) {
					var nav_li = ul[num].parent;
					var tri_img = document.getElementByClassName("tri_img");
					var tri_down = nav_li.children[3];
					var tri_up = nav_li.children[4];

						
					tri_img[num].onclick = function () {
						if(tri_down[num].style.display == "block") {
							ul[num].style.display = "none";
							tri_down[num].style.display = "none";
							tri_up[num].style.display = "block";
						} else {
							ul[num].style.display = "block";
							tri_down[num].style.display = "block";
							tri_up[num].style.display = "none";
						}

						if(tri_up[num].style.display == "block") {
							ul[num].style.display = "block";
							tri_down[num].style.display = "block";
							tri_up[num].style.display = "none";
						} else {
							ul[num].style.display = "none";
							tri_down[num].style.display = "none";
							tri_up[num].style.display = "block";
						}
					}
				}(j))
			}
		}
	}	*/
}
</script>

<?php
	// echo "<script>tri_nav();</script>";
?>

<?php
include_once("pull_icon.php");
?>
<!-- 加载底部信息 -->
<?php
	include_once("footer.php");
?>
</body>
</html>